@import '../../../../style/font';
@import '../../../../style/color';

.sun-kitchen-page {
  padding: 10px 30px;
  width: 100%;
  position: relative;

  .sun-kitchen-wrap {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 25px;

    .title-wrap {
      position: absolute;
      top:0;
      left: 0;
    }

    .sun-kitchen-videos {
      margin-top: 15px;
      overflow: hidden;
      padding: 0 20px 20px;
      height:415px;
      margin-bottom: 20px;

      .sun-kitchen-play {
        display: inline-block;
        width: 75%;
        background-color: black;
        height:415px;
        border: solid 1px gray;

      }

      .sun-kitchen-list {
        display: inline-block;
        width: 25%;
        height:415px;
        overflow: auto;
        padding: 0 16px;
        background: #F5F6F7;

        .sun-kitchen-item {
          padding: 13px 0;
          width: 100%;
          font-family: $DFYuanW7-GBK;
          font-size: 18px;
          letter-spacing: 0;
          border-bottom: dashed 1px $page-border-color;

          >div {
            display: inline-block;
          }

          &:hover {
            cursor: pointer;
          }

          .label {
            width: 85%;
            vertical-align: middle;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
          }

          .sun-kitchen-camera {
            //float: right;
            width: 15%;
            text-align: right;
            vertical-align: middle;

            >img {
              vertical-align: middle;
            }
          }

        }

        .item-active {
          color: $item-active-color;
        }

        .item-unactive {
          color: $form-font-color;
        }

        .item-error {
          color: $page-border-color;
        }
      }
    }

    .sun-kitchen-foot {
      padding-top: 20px;
      //   width: 1362px;
      width: 80%;

      >span {
        display: inline-block;
        width: 33%;
        font-family: $DFYuanW7-GBK;
        font-size: 16px;
        color: $pagination-a-color;
        letter-spacing: 0;
      }

      .sun-kitchen-phone {
        text-align: left;
      }
    }

  }


  .loading {
    text-align: center;
    padding: 10px 0;
    font-family: $DFYuanW7-GBK;
    font-size: 18px;
    color: $page-border-color;
    cursor: pointer;
  }

}

.v-sun-kitchen-page {
  padding: 25px 15px 0;
  width: 100%;
  position: relative;

  .sun-kitchen-wrap {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
 //    padding: 20px;
    height: 1320px;
    border-radius: 25px;


    .sun-kitchen-search {
      text-align: right;
    }

    .sun-kitchen-videos {
      overflow: hidden;
      padding: 20px;
     // height:1000px;

      .sun-kitchen-play {
        display: inline-block;
        width: 100%;
        background-color: black;
        height:530px;
        border: solid 1px gray;

      }

      .sun-kitchen-list {
        width: 100%;
        height:690px;
        overflow: auto;
        padding: 0 30px;
        background: #F5F6F7;

        .sun-kitchen-item {
          padding: 16px 0;
          width: 100%;
          font-family: $DFYuanW7-GBK;
          font-size: 24px;
          letter-spacing: 0;
          border-bottom: dashed 1px $page-border-color;

          >div {
            display: inline-block;
          }

          &:hover {
            cursor: pointer;
          }

          .label {
            width: 80%;
          }

          .sun-kitchen-camera {
            //float: right;
            width: 20%;
            text-align: right;
            vertical-align: middle;
          }

        }

        .item-active {
          color: $item-active-color;
        }

        .item-unactive {
          color: $form-font-color;
        }

        .item-error {
          color: $page-border-color;
        }
      }
    }

  }
  .loading {
    text-align: center;
    padding: 10px 0;
    font-family: $DFYuanW7-GBK;
    font-size: 18px;
    color: $page-border-color;
    cursor: pointer;
  }

}
